<template>
  <div class="zlxg-page">
    <div v-for="(item,index) in disposetpls" :key="index">
      <div v-if="item.creator_name == '设备科'" class="primary-header clearfix flex flex-row align-center">
        <div class="line" />
        <span class="font18 ml10">医疗器械情况</span><span v-if="item.creator_name" class="font18 ml20">({{ item.creator_name }})</span>
      </div>
      <div v-if="item.creator_name == '设备科'" class="table-content">
        <el-descriptions class="margin-top" :column="2" border>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              产品名称
            </template>
            {{ item.form_data.ylqx_cpmc }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              商品名称
            </template>
            {{ item.form_data.ylqx_spmc }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              注册证号
            </template>
            {{ item.form_data.ylqx_zczh }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              生产公司名称
            </template>
            {{ item.form_data.ylqx_scgsmc }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              规格型号
            </template>
            {{ item.form_data.ylqx_guigexh }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              产品编号
            </template>
            {{ item.form_data.ylqx_cpbh }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              产品批号
            </template>
            {{ item.form_data.ylqx_cpph }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              有效期至
            </template>
            {{ item.form_data.ylqx_yxqz }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              生产日期
            </template>
            {{ item.form_data.ylqx_scrq }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              停用日期
            </template>
            {{ item.form_data.ylqx_tyrq }}
          </el-descriptions-item>
          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              植入日期
            </template>
            {{ item.form_data.ylqx_zrrq }}
          </el-descriptions-item>

          <el-descriptions-item :span="1" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              操作人
            </template>
            {{ item.form_data.ylqx_czr | arrayString }}{{ item.form_data.ylqx_czrqt }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              事件发生初步因素分析
            </template>
            {{ item.form_data.ylqx_sjcbysfx }}
          </el-descriptions-item>
        </el-descriptions>
      </div>
      <div class="table-content">
        <div class="primary-header clearfix flex flex-row align-center mt20">
          <div class="line" />
          <span class="font18 ml10">原因分析</span><span v-if="item.creator_name" class="font18 ml20">({{ item.creator_name }})</span>
        </div>
        <el-descriptions class="margin-top mt10" :column="2" border>
          <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
            <template slot="label">
              与病人因素相关
            </template>
            {{ item.form_data.cz_ybrysxg | arrayString }} {{ item.form_data.cz_ybrysxgqt }}
          </el-descriptions-item>
          <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
            <template slot="label">
              与工作状态/流程设计因素相关
            </template>
            {{ item.form_data.cz_ygzztlcsjxg | arrayString }} {{ item.form_data.cz_ygzztlcsjxgqt }}
          </el-descriptions-item>
          <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
            <template slot="label">
              与员工个人因素相关
            </template>
            {{ item.form_data.cz_yyggrysxg | arrayString }} {{ item.form_data.cz_yyggrysxgqt }}
          </el-descriptions-item>
          <el-descriptions-item :content-style="contentStyle" :label-style="labelStyle" :span="2">
            <template slot="label">
              与沟通相关因素
            </template>
            {{ item.form_data.cz_ygtxgys | arrayString }} {{ item.form_data.cz_ygtxgysqt }}
          </el-descriptions-item>
          <el-descriptions-item :span="2">
            <template slot="label">
              与仪器/设施因素相关
            </template>
            {{ item.form_data.cz_yyqssysxg | arrayString }} {{ item.form_data.cz_yyqssysxgqt }}
          </el-descriptions-item>
          <el-descriptions-item :span="2">
            <template slot="label">
              仪器/设施名称
            </template>
            {{ item.form_data.yqssmc }}
          </el-descriptions-item>
          <el-descriptions-item :span="2">
            <template slot="label">
              仪器/设施序列号
            </template>
            {{ item.form_data.yqssxlh }}
          </el-descriptions-item>
          <el-descriptions-item :span="2">
            <template slot="label">
              其他因素相关
            </template>
            {{ item.form_data.cz_qtysxg }}
          </el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Baqsjczqxv3',
  filters: {
    arrayString(val) {
      if (val && val.length > 0) {
        return val.join(',')
      } else {
        return ''
      }
    }
  },
  props: ['disposetpls', 'name', 'createTime'],
  data() {
    return {
      contentStyle: {
        'text-align': 'left'
      },
      // label样式
      labelStyle: { width: '170px' }
    }
  },

  computed: {},
  mounted() { }
}
</script>
<style lang="scss" scoped></style>
